*{padding: 0;margin: 0;outline: none;box-sizing: border-box;}
img{display: block;}
li{list-style:none;}
a{color: rgb(181, 181, 181);text-decoration: none;}
body{width:100%;min-height:1000px;}
#head-one{
    width:100%;
    height: 130px;
    background-color: white;
    position: relative;
    top: 21px;
    margin: 0 auto;
}
#head-one div img{
    margin-left: 90px;
}
#head-one ul li  {
    display: inline;
    font-size: 30px;
    color: rgb(181, 181, 181);
    position: relative;
    top:-100px;
    left: 500px;
    margin-left: 100px;
    border-bottom:solid 5px transparent ;
    line-height: 100px;
}
#head-one ul li :hover {
    border-bottom:solid 5px black ;
    margin-top: 50px;
}
#head-one ul li a:active{color: black;border-bottom:solid 5px transparent ;}
/* #body-head{
  background-color:turquoise;
  max-width:100%;
  height: px;
} */
.slick-track {
    will-change: transform;
  }
  
  .slick-list {
    overflow: visible;
    will-change: transform;
  }
  
  .slick-slide {
    padding: 0 100px;
    width: 100vw;
    -webkit-filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.55));
            filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.55));
  }
  .slick-slide img {
    width :125%;
    height: 500px;
    margin: 0 auto;
    position: relative;
    left: -100px;
  }
  
  [type="button"] {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 0;
    text-indent: -9999px;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.9;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  [type="button"]:hover {
    opacity: 1;
  }
  [type="button"].slick-next {
    right: 0;
    background-image: url();
  }
  [type="button"].slick-next:hover {
    right: -5px;
  }
  [type="button"].slick-prev {
    left: 0;
    background-image: url();
  }
  [type="button"].slick-prev:hover {
    left: -5px;
  }
  
  @-webkit-keyframes motion-blur {
    0% {
      -webkit-filter: url(#blur0);
              filter: url(#blur0);
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
    }
    15% {
      -webkit-filter: url(#blur1);
              filter: url(#blur1);
      -webkit-transform: scale(1, 0.98);
              transform: scale(1, 0.98);
    }
    30% {
      -webkit-filter: url(#blur2);
              filter: url(#blur2);
      -webkit-transform: scale(1, 0.93);
              transform: scale(1, 0.93);
    }
    45% {
      -webkit-filter: url(#blur3);
              filter: url(#blur3);
      -webkit-transform: scale(1.1, 0.9);
              transform: scale(1.1, 0.9);
    }
    60% {
      -webkit-filter: url(#blur4);
              filter: url(#blur4);
      -webkit-transform: scale(1.2, 0.88);
              transform: scale(1.2, 0.88);
    }
    75%,
    100% {
      -webkit-filter: url(#blur5);
              filter: url(#blur5);
      -webkit-transform: scale(1.35, 0.85);
              transform: scale(1.35, 0.85);
    }
  }
  
  @keyframes motion-blur {
    0% {
      -webkit-filter: url(#blur0);
              filter: url(#blur0);
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
    }
    15% {
      -webkit-filter: url(#blur1);
              filter: url(#blur1);
      -webkit-transform: scale(1, 0.98);
              transform: scale(1, 0.98);
    }
    30% {
      -webkit-filter: url(#blur2);
              filter: url(#blur2);
      -webkit-transform: scale(1, 0.93);
              transform: scale(1, 0.93);
    }
    45% {
      -webkit-filter: url(#blur3);
              filter: url(#blur3);
      -webkit-transform: scale(1.1, 0.9);
              transform: scale(1.1, 0.9);
    }
    60% {
      -webkit-filter: url(#blur4);
              filter: url(#blur4);
      -webkit-transform: scale(1.2, 0.88);
              transform: scale(1.2, 0.88);
    }
    75%,
    100% {
      -webkit-filter: url(#blur5);
              filter: url(#blur5);
      -webkit-transform: scale(1.35, 0.85);
              transform: scale(1.35, 0.85);
    }
  }
  .do-transition {
    -webkit-animation: motion-blur 0.1s linear forwards, motion-blur 0.4s linear reverse forwards 0.1s;
            animation: motion-blur 0.1s linear forwards, motion-blur 0.4s linear reverse forwards 0.1s;
  }
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
#body-show{
  width: 100%;
  height: 700px;
  background-color: #fff;
  position: relative;
  border: transparent solid 2px;
  
}
#body-show-left{
  width: 530px;
  height: 520px;
/*   border: turquoise solid 2px; */
  position: relative;
  top: 150px;
  left: 200px;
}
.body-show-left-font{
  width: 200px;
  height:70px ;
/*   border: turquoise solid 2px; */
  text-align: left;
}
.body-show-left-font span{
  font-size: 20px;
  font-weight: bolder;
  font-family: 'Nueva Std' 'Microsoft YaHei';
}
.body-show-left-font div{
  width: 10%;
  height: 10%;
  border-bottom: black solid 2px;
}
.body-show-left-p{
   font-size: 20px;
   font-weight: bold;
   text-align: left;
   text-indent: 2em;
   font-family: '楷体' 'Microsoft YaHei';
   color: rgb(181, 181, 181);
} 
.body-show-left-more{
  width: 20%;
  height:40px;
  margin-top: 125px;
}
.body-show-left-more i{
  margin-left: 10px;
  position: relative; 
  top: -100px;
  left: 200px;
  color:black ;
}
.body-show-left-more img{
  margin-left: 300px;
  margin-top: -50px;

}
#body-show-right{
  width: 700px;
  height: 600px;
/*   border: turquoise solid 2px; */
  position: relative;
  top: -500px;
  left: 550px;
}
#body-show-right span{
margin-left: 250px;
color: rgb(200, 200, 200);
}
#body-show-right img{
  margin-top: 100px;
  margin-left: 100px;
}
#body-photo{
  width: 100%;
  height: 700px;
  background-color: #fff;
  position: relative;
/*   border: turquoise solid 2px; */
}
#body-photo-left{
  width: 50%;
  height: 100%;
  border: transparent solid 2px;
  background-image: url(images/body-photo-left.jpg) ;
}
#body-photo-left div{
  background-color:black;
  opacity: 0.7;
  margin-top: 635px;
  font-weight: bolder;
  text-align: justify;
  color: red;
}
.body-photo-left-p2{
  margin-left: 100px;
}
.body-photo-left-p3{
  margin-left: 90px;
}
#body-photo-right{
  width:610px;
  height:510px;
  position: relative;
  top:-580px;
  left: 850px;
}
/* #body-photo-right img:nth-child(1)
{
  border: black 2px solid;
} */
#body-photo-right img:nth-child(2){
  position: relative;
  top: -256px;
  left: 325px;
  
}
#body-photo-right img:nth-child(3){
  position: relative;
  top: -230px;
  left: 0px;
  
}
#body-photo-right img:nth-child(4){
  position: relative;
  top: -460px;
  left: 328px; 
}
#body-jieshao{
  width: 100%;
  height: 820px;
  background-color:transparent;
/*   border: red solid 2px; */
  position: relative;
}
.body-jieshao-main{
  width: 100%;
  height: 280px;
  border: transparent solid 2px;
}
.body-jieshao-main div img{
  width:100px;
  height: 100px;
/*   border: blueviolet solid 2px; */
  margin: 0 auto ;
  position: relative;
  top: 30px;
}
.body-jieshao-main div:nth-child(2){
 width: 100%;
  height: 220px;
/*   border: blueviolet solid 2px; */

}
.body-jieshao-main div span{
  margin-left: 500px;
  margin-top: 20px;
  font-weight: bolder;
  font-size: 40px;
  position: relative;
  top: 20px;
  color: rgb(113, 113, 113);
}
#body-jieshao-bottom{
  width: 100%;
  height: 550px;
/*   border: black solid 2px; */
  color: rgb(181, 181, 181);
}
#body-jieshao-bottom-1{
  width: 30%;
  height: 520px;
/*   border: yellowgreen solid 2px; */
  position: relative;
  left: 10px;
}
#body-jieshao-bottom-1 img{
  margin: 0 auto;
}
#body-jieshao-bottom-1-p{
  text-indent: 2em;
  position: relative;
  top: 0px;
}
#body-jieshao-bottom-1-p span{
  color: red;
  font-weight: bolder;
}
#body-jieshao-bottom-2{
  width: 30%;
  height: 520px;
/*   border: blue solid 2px; */
  position: relative;
  top: -520px;
  left: 525px;
}
#body-jieshao-bottom-2 img{
  margin: 0 auto;
}
#body-jieshao-bottom-2-p{
  text-indent: 2em;
  position: relative;
  top: 0px;
}
#body-jieshao-bottom-2-p span{
  color: red;
  font-weight: bolder;
}
#body-jieshao-bottom-3{
  width: 30%;
  height: 520px;
/*   border: blueviolet solid 2px; */
  position: relative;
  top: -1040px;
  left: 1050px;
}
#body-jieshao-bottom-3 img{
  margin: 0 auto;
}
#body-jieshao-bottom-3-p{
  text-indent: 2em;
  position: relative;
  top: 0px;
}
#body-jieshao-bottom-3-p span{
  color: red;
  font-weight: bolder;
}
#body-jieshao-bottom-1-i {
  color: black;
  position: relative;
  top: -320px;
  left: 300px;
  font-size: 20px;
  border: dashed black 1px;
}

#body-bottom{
  width: 100%;
  height: 240px;
  background-color: rgb(38, 38, 38);
  border: transparent solid 2px;
  position: relative;

}

#body-bottom-last{
  width: 600px;
  height: 60px;
  margin-top: 160px;
  color: rgb(113, 113, 113);
}
.body-buttom-one{
 /*  position: relative;
  top: -150px;
  left: -500px; */
  font-size: 50px;
  font-weight: bolder;
  color: rgb(113, 113, 113);
  margin-top: -120px;
  margin-left: 100px;
}
#body-buttom-email{
  position: relative;
  left:530px;
  top:-40px;
}
#body-buttom-iphone{
  position: relative;
  left:850px;
  top:-60px;

}
#body-bottom-last-12{
  width: 1515px;
  height: 2px;
  border-top:solid rgb(181, 181, 181) 1px ;
  background-color: black;
  position: relative;
  top: -80px;
  margin-left: 0px;

}
#body-bottom-last-1{
  width: 100%;
  color: rgb(113, 113, 113);
  margin-left: 700px;
  margin-top: 40px;
 
}
.body-buttom-last{
  margin-left: 600px;
  width: 100%;
}
#shadow-buttom{
  position: relative;
  top: -60px;
  left: 300px;
}